@charset "utf-8";

.banner { position:relative; width:100%; }

.swiper-container-1 .swiper-slide { position:relative; width:100%; overflow:hidden; }
.swiper-container-1 .swiper-slide .img02 { display:none; }

.swiper-pagination-1 { position:absolute; bottom:60px; left:0; right:0; text-align:center; z-index:9;  }
.swiper-pagination-1 .swiper-pagination-bullet { width:10px; height:10px; margin:0 7px;  border-radius:100%; background:rgba(255,255,255,0.4); opacity:1; }
.swiper-pagination-1 .swiper-pagination-bullet-active { width:45px; border-radius:10px; }

.swiper-container-1 .swiper-slide .banvideo { position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; }
 

@media all and (max-width:1200px){
	.swiper-container-1 .swiper-slide .img01 { display:none; }
	.swiper-container-1 .swiper-slide .img02 { display:block; }
	
	.swiper-container-1 .swiper-slide .banvideo { display:none; }

	.swiper-pagination-1 { bottom:30px; }
	.swiper-pagination-1 .swiper-pagination-bullet-active { width:25px; } 
}
 
.Area-hd { line-height:1.1; color:#333; }
.Area-hd .p1 { font-size:36px; font-weight:bold; }
.Area-hd .p2 { font-size:18px; margin-top:20px; }
.Area-hd .p3 { height:20px; background:url(hd01.png) no-repeat center left; margin-top:20px; display:none; }
 
@media all and (max-width:1680px){
	.Area-hd .p1 { font-size:28px; }
	.Area-hd .p2 { font-size:16px; margin-top:15px; }
	.Area-hd .p3 { height:20px; margin-top:15px; }
}
@media all and (max-width:1200px){
	.Area-hd { text-align:center; }
	.Area-hd .p1 { font-size:20px; }
	.Area-hd .p2 { font-size:14px; margin-top:10px;  display:none; }
	.Area-hd .p3 { height:2px; width:15px; margin:10px auto 0; margin-top:10px; background:#b62e2b; display:block; }
}
 
 
.aArea { position:relative; padding:70px 0 0; background:url(aArea.jpg) no-repeat top center; min-height:845px; box-sizing: border-box; }
.aBox { position:relative; margin-top:50px; }
.aBox .bd .con a { display:block; width:800px; margin:0 auto; text-align:center; }
.aBox .bd .con .pic img { max-width:100%; }
.aBox .bd .con .txt { background:url(a02.png) center center no-repeat; }
.aBox .bd .con .txt p { display:inline-block; vertical-align:top; font-size:14px; color:#333; line-height:42px; padding-right:30px; background:url(a01.png) right center no-repeat; }

.aBox .hd ul li { position:absolute; width:260px; font-size:18px; padding-left:30px; border-radius:40px; color:#333; cursor:pointer; box-sizing:border-box; z-index:2; }
.aBox .hd ul li i { position:relative; display:inline-block; padding-left:30px; line-height:65px; }
.aBox .hd ul li i:before { position:absolute; top:50%; left:0; transform: translateY(-50%); display:block; width:6px; height:6px; border-radius:100%; background:#b62e2b; display:block; content:""; z-index:2; }
.aBox .hd ul li:nth-child(n + 5) i { padding-right:30px; }
.aBox .hd ul li:nth-child(n + 5) i:before { left:auto; right:0; }

.aBox .hd ul li.on { background:url(a05.png) no-repeat center; color:#fff; font-weight:bold; }
.aBox .hd ul li.on i:before { background:#fff; }

.aBox .hd ul li:nth-child(1) { top:0; left:40px; }
.aBox .hd ul li:nth-child(2) { top:95px; left:15px; }
.aBox .hd ul li:nth-child(3) { top:190px; left:0; }
.aBox .hd ul li:nth-child(4) { top:285px; left:15px; }

.aBox .hd ul li:nth-child(5) { top:0; right:40px; }
.aBox .hd ul li:nth-child(6) { top:95px; right:15px; }
.aBox .hd ul li:nth-child(7) { top:190px; right:0; }
.aBox .hd ul li:nth-child(8) { top:285px; right:15px; }

/*
.aBox .hd ul li:nth-child(5) { top:380px; left:40px; }

.aBox .hd ul li:nth-child(6) { top:0; right:40px; }
.aBox .hd ul li:nth-child(7) { top:95px; right:15px; }
.aBox .hd ul li:nth-child(8) { top:190px; right:0; }
.aBox .hd ul li:nth-child(9) { top:285px; right:15px; }
.aBox .hd ul li:nth-child(10) { top:380px; right:40px; }
*/

.aBox01 { position:relative; margin-top:30px; display:none; }

.aCon01 { padding:0 4% 55px; }
.aCon01 .swiper-slide { width:auto; text-align:center; font-size:16px; color: #333; opacity: 0.5; }
.aCon01 .swiper-slide-thumb-active { opacity:1; font-weight:bold; }

.aCon02 { padding:0 4%; }

.aCon02 .swiper-slide ul li { float:left; width:49%; margin-right:2%; background:#f6f6f6; }
.aCon02 .swiper-slide ul li:nth-child(2n) { margin-right:0; }
.aCon02 .swiper-slide ul li:nth-child(n + 3) { margin-top:20px; }
.aCon02 .swiper-slide ul li .pic img { width:100%; height:auto; }
.aCon02 .swiper-slide ul li .txt { padding:0 5px; }
.aCon02 .swiper-slide ul li .txt p { font-size:14px; line-height:50px; border-top: 1px solid #d9d9d9; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }


.aCon03 { margin-top:25px; text-align:center; }
.aCon03 a { display:inline-block; width:115px; border-radius:20px; background:#b62e2b; }
.aCon03 a i { display:inline-block; font-size:14px; line-height:30px; padding-right:25px; color:#fff; background:url(d02.png) no-repeat center right; }
  
.aBox01 .swiper-num { position: absolute; top:35px; left: 50%; font-size:14px; color:#333; transform: translate(-50%,0); z-index:2; }
.aBox01 .swiper-num .act { color:#e60011; }
 
.aBox02 { position:relative; margin-top:30px; display:none; }
 
.aBox02 .hd { position:absolute; top:0; left:0; right:0; font-size:0; z-index:2; }
.aBox02 .hd ul li { float:left; width:30%; margin-right:30%; }
.aBox02 .hd ul li:nth-child(2n) { float:right; margin-right:0; }
.aBox02 .hd ul li:nth-child(n + 3) { margin-top:15px; }
.aBox02 .hd ul li img { max-width:100%; }
.aBox02 .hd ul li .img02 { display:none; }

.aBox02 .hd ul li.on .img01 { display:none; }
.aBox02 .hd ul li.on .img02 { display:block; }

.aBox02 .bd { text-align:center; }
.aBox02 .bd .pic img { max-width:100%; }
.aBox02 .bd .txt { background:url(a02.png) center center no-repeat; background-size:100% 100%; margin-top:25px; }
.aBox02 .bd .txt p { display:inline-block; vertical-align:top; font-size:14px; color:#333; line-height:40px; padding-right:30px; background:url(a06.png) right center no-repeat; }
 

  
@media all and (max-width:1680px){
	.aArea { padding:50px 0 0; background-size:1680px 760px; min-height:760px; }
	.aBox { margin-top:40px; }
	.aBox .bd .con a { width:700px; }
 
	.aBox .hd ul li { width:240px; font-size:18px; padding-left:25px; }
	.aBox .hd ul li i { padding-left:25px; line-height:50px; }
	.aBox .hd ul li:nth-child(n + 5) i { padding-right:25px; }
	.aBox .hd ul li:nth-child(n + 5) i:before { left:auto; right:0; }
 
	.aBox .hd ul li:nth-child(1) { top:0; left:40px; }
	.aBox .hd ul li:nth-child(2) { top:95px; left:15px; }
	.aBox .hd ul li:nth-child(3) { top:190px; left:0; }
	.aBox .hd ul li:nth-child(4) { top:285px; left:15px; }
	
	.aBox .hd ul li:nth-child(5) { top:0; right:40px; }
	.aBox .hd ul li:nth-child(6) { top:95px; right:15px; }
	.aBox .hd ul li:nth-child(7) { top:190px; right:0; }
	.aBox .hd ul li:nth-child(8) { top:285px; right:15px; }
	/*
	.aBox .hd ul li:nth-child(5) { top:380px; left:40px; }

	.aBox .hd ul li:nth-child(6) { top:0; right:40px; }
	.aBox .hd ul li:nth-child(7) { top:95px; right:15px; }
	.aBox .hd ul li:nth-child(8) { top:190px; right:0; }
	.aBox .hd ul li:nth-child(9) { top:285px; right:15px; }
	.aBox .hd ul li:nth-child(10) { top:380px; right:40px; }
	*/
}
@media all and (max-width:1200px){
	.aArea { padding:40px 0; min-height:10px; background:url(a03.png) no-repeat center bottom; background-size: cover; }
	.aBox { display:none;  }
	.aBox .hd { position:absolute; top:15%; left:0;right:0; z-index:2; }
	.aBox .hd ul li { width:165px; font-size:14px; padding-left:15px; }
	.aBox .hd ul li i { padding-left:15px; line-height:30px; }
	
	
	.aBox .hd ul li:nth-child(n + 5) i { padding-right:0; padding-left:15px; }
	.aBox .hd ul li:nth-child(n + 5) i:before { left:0; right:auto; }
	/*
	.aBox .hd ul li:nth-child(n + 5) i { padding-right:15px; padding-left:0; }
	.aBox .hd ul li:nth-child(n + 5) i:before { left:auto; right:0; }
	*/
 
	.aBox .hd ul li:nth-child(1) { top:0; left:0; }
	.aBox .hd ul li:nth-child(2) { top:45px; left:0; }
	.aBox .hd ul li:nth-child(3) { top:90px; left:0; }
	.aBox .hd ul li:nth-child(4) { top:135px; left:0; }
	
	.aBox .hd ul li:nth-child(5) { top:0; right:0; }
	.aBox .hd ul li:nth-child(6) { top:45px; right:0; }
	.aBox .hd ul li:nth-child(7) { top:90px; right:0; }
	.aBox .hd ul li:nth-child(8) { top:135px; right:0; }
	
	.aBox .bd .con a { width:100%; }
	
	.aBox01 { display:none; }
	
	.aBox02 { display:block; }
}

.bArea { position:relative; }
.bArea .wrap { width:100%; }
.bBox01 { position:absolute; width:800px; left:50%; margin-left:-800px; top:50%; transform: translateY(-50%); z-index:2; }
.bBox01 .bd { margin-top:40px; font-size:0; overflow:hidden; }
.bBox01 .bd .btn { margin-bottom:135px; }
.bBox01 .bd .btn .btn01 { display:inline-block; width:41px; height:41px; cursor:pointer; }
.bBox01 .bd .btn .prev-b01 { background:url(b01.png) no-repeat center; margin-right:20px; }
.bBox01 .bd .btn .next-b01 { background:url(b02.png) no-repeat center; }
 
.swiper-container-b01 { width:255px; }
.swiper-container-b01 .swiper-slide { width:255px; margin-right:15px; }
.swiper-container-b01 .swiper-slide .txt { margin-top:20px; }
.swiper-container-b01 .swiper-slide .txt .p1 { font-size:16px; color:#272727; }
.swiper-container-b01 .swiper-slide .txt .p2 { display:none; }

.swiper-pagination-b01 {  position:relative!important; margin-top:45px; width:100%; height:1px; background:#e6e6e6; z-index:2; }
.swiper-pagination-b01 .swiper-pagination-progressbar-fill { background:#b62e2b!important; }

.bBox02 { float:right; width:48.125%; overflow:hidden; }
.bBox02 .swiper-slide { width:100%; position:relative; }
.bBox02 .swiper-slide .pic img { width:100%; height:auto; }
.bBox02 .swiper-slide .txt { position:absolute; left:70px; top:65px; color:#fff; z-index:99; }
.bBox02 .swiper-slide .txt .p1 { font-size:36px; font-weight:bold; }
.bBox02 .swiper-slide .txt .p2 { font-size:18px; margin-top:15px; }
 
@media all and (max-width:1680px){
	.bBox01 { width:600px; margin-left:-600px; }
	.bBox01 .bd .btn { margin-bottom:80px; }
	
	.swiper-container-b01 { width:190px; }
	.swiper-container-b01 .swiper-slide { width:190px; margin-right:15px; }
	.swiper-container-b01 .swiper-slide .txt { margin-top:15px; }
	.swiper-container-b01 .swiper-slide .txt .p1 { font-size:14px; }
	
	.swiper-pagination-b01 { margin-top:30px; }
	
	.bBox02 .swiper-slide .txt { position:absolute; left:70px; top:65px; color:#fff; z-index:99; }
	.bBox02 .swiper-slide .txt .p1 { font-size:28px; }
	.bBox02 .swiper-slide .txt .p2 { font-size:16px; margin-top:15px; }
}
@media all and (max-width:1280px){
	.bBox01 { width:46%; margin-left:0; left:4%; }
	.bBox01 .bd .btn { margin-bottom:60px; }
}
@media all and (max-width:1200px){
	.bArea { position:relative; padding:40px 0; }
	.bArea .wrap { width:92%; }
	.bBox01 { position:relative; width:100%; left:auto; margin-left:0; top:auto; transform: translateY(0); }
	.bBox01 .bd { margin-top:30px; }
	.bBox01 .bd .btn { display:none; }
 
	.swiper-container-b01 { width:100%; }
	.swiper-container-b01 .swiper-slide { position:relative; width:75%; margin-right:5%; }
	.swiper-container-b01 .swiper-slide a { display:block; overflow:hidden; border-radius:20px; }
	.swiper-container-b01 .swiper-slide .txt { position:absolute; margin-top:0; top:30px; left:5%; right:5%; z-index:2; }
	.swiper-container-b01 .swiper-slide .txt .p1 { font-size:18px; color:#fff; }
	.swiper-container-b01 .swiper-slide .txt .p2 { font-size:14px; color:#fff; display:block; margin-top:15px; }
 
	.bBox02 { display:none; }
}

.cArea { position:relative; min-height:530px; background-size:cover!important; cursor:pointer; }
.cArea .txt { position:absolute; left:4%; right:4%; top:50%; transform: translateY(-50%); text-align:center; color:#fff; z-index:5; }
.cArea .txt .p1 { font-size:26px; font-weight:bold; }
.cArea .txt .p2 { margin-top:50px; }
.cArea .txt .p3 { margin-top:65px; text-align:center; }
.cArea .txt .p3 i { display:inline-block; font-size:18px; font-weight:bold;  padding:15px 30px; border:1px solid #fff; border-radius:30px; }
 
@media all and (max-width:1680px){
	.cArea { min-height:470px; }
	.cArea .txt .p1 { font-size:26px; }
	.cArea .txt .p2 { margin-top:40px; }
	.cArea .txt .p3 { margin-top:50px; }
	.cArea .txt .p3 i { font-size:18px; padding:10px 30px; border-radius:30px; }
}
@media all and (max-width:1200px){
	.cArea { min-height:300px; }
	.cArea .txt .p1 { font-size:20px; }
	.cArea .txt .p2 { margin-top:20px; }
	.cArea .txt .p2 img { width:auto; height:50px; }
	.cArea .txt .p3 { margin-top:30px; }
	.cArea .txt .p3 i { font-size:14px; padding:10p 25px; font-weight:normal; }
}


.dArea { background:#f4f4f4; padding:70px 0 100px; }
.dArea01 { margin-top:60px; }
.dArea01 ul li { float:left; width:65.25%; background-size:cover!important; }
.dArea01 ul li a { position:relative; display:block; }
.dArea01 ul li .txt { position:absolute; top:95px; left:65px; right:65px; color:#333; z-index:2; }
.dArea01 ul li .txt .p1 { font-size:30px; font-weight:bold; }
.dArea01 ul li .txt .p2 { font-size:16px; line-height:28px; margin-top:30px; min-height:112px; }
.dArea01 ul li .txt .p3 { width:115px; text-align:center; margin-top:10px; border:1px solid #fff; border-radius:20px; opacity:0.6; }
.dArea01 ul li .txt .p3 i { display:inline-block; line-height:30px; padding-right:25px; color:#fff; background:url(d02.png) no-repeat center right; }
.dArea01 ul li .txt .p4 { margin-top:75px; padding-right:120px; }
.dArea01 ul li .txt .p4 dl { display:flex; flex-direction:row; justify-content:space-between; }
.dArea01 ul li .txt .p4 dl dt { padding-left:70px; font-size:16px; line-height:1.1; }
.dArea01 ul li .txt .p4 dl dt .p41 i { font-size:36px; font-weight:bold; margin-right:5px; }
.dArea01 ul li .txt .p4 dl dt .p42 { margin-top:10px; }

.dArea01 ul li:nth-child(1) .txt .p3 { border:1px solid #b62e2b; background:#b62e2b; opacity:1; }
 
.dArea01 ul li:nth-child(n + 2) { width:16.5%; margin-left:0.875%; }
.dArea01 ul li:nth-child(n + 2) .txt { left:35px; right:35px; color:#fff; }

.dArea01 ul li:hover .txt .p3 { border:1px solid #b62e2b; background:#b62e2b; opacity:1; }
 
@media all and (max-width:1680px){
	.dArea { padding:70px 0; }
	.dArea01 { margin-top:40px; }
	.dArea01 ul li { width:65.25%; }
	.dArea01 ul li .txt { top:40px; left:25px; right:25px; }
	.dArea01 ul li .txt .p1 { font-size:24px; }
	.dArea01 ul li .txt .p2 { font-size:14px; line-height:25px; margin-top:20px; min-height:100px; }
	.dArea01 ul li .txt .p3 { width:115px; margin-top:10px; }
	.dArea01 ul li .txt .p3 i { line-height:30px; padding-right:25px; }
	.dArea01 ul li .txt .p4 { margin-top:40px; padding-right:60px; }
	.dArea01 ul li .txt .p4 dl dt { padding-left:70px; font-size:14px; }
	.dArea01 ul li .txt .p4 dl dt .p41 i { font-size:36px; margin-right:5px; }
	.dArea01 ul li .txt .p4 dl dt .p42 { margin-top:10px; }
 
	.dArea01 ul li:nth-child(n + 2) { width:16.5%; margin-left:0.875%; }
	.dArea01 ul li:nth-child(n + 2) .txt { left:20px; right:20px; }
}
@media all and (max-width:1200px){
	.dArea { padding:40px 0; }
	.dArea01 { margin-top:30px; }
	.dArea01 ul li { width:100%; }
	.dArea01 ul li:nth-child(1) { background:none!important; }
 	.dArea01 ul li .pic { display:none; }
	.dArea01 ul li .txt { position:relative; top:auto; left:auto; right:auto; padding:0; }
	.dArea01 ul li .txt .p1 { font-size:20px; }
	.dArea01 ul li .txt .p2 { font-size:14px; line-height:25px; margin-top:20px; min-height:100px; }
	.dArea01 ul li .txt .p3 { width:115px; margin-top:10px; }
	.dArea01 ul li .txt .p4 { margin-top:30px; padding-right:0; }
	.dArea01 ul li .txt .p4 dl dt { padding:40px 0 0 0; font-size:14px; text-align:center; background-position:center top!important; background-size:35px 35px!important; }
	.dArea01 ul li .txt .p4 dl dt .p41 i { font-size:28px; margin-right:5px; }
	.dArea01 ul li .txt .p4 dl dt .p42 { margin-top:10px; }
 
	.dArea01 ul li:nth-child(n + 2) { width:49%; margin-left:2%; margin-top:15px; }
	.dArea01 ul li:nth-child(n + 2) .txt { left:auto; right:auto; padding:30px 8%; }
	.dArea01 ul li:nth-child(2) { margin-left:0; }
}

.eArea { padding:70px 0 0; min-height:780px; box-sizing: border-box; }
.eArea01 { position:relative; margin-top:50px; }
.eArea01 .hd { position:absolute; top:-120px; right:0; /*padding-right:55px; background:url(e02.png) no-repeat right 5px;*/ z-index:2; }
.eArea01 .hd ul li { float:left; margin-right:60px; font-size:18px; padding-bottom:10px; border-bottom:2px solid #fff; color:#333; cursor:pointer; }
.eArea01 .hd ul li:last-child { margin-right:0; }
.eArea01 .hd ul li.on { border-bottom:2px solid #b62e2b; color:#b62e2b; font-weight:bold; }

.eArea01 .bd ul { border-right:1px solid #e5e5e5; }
.eArea01 .bd ul li { float:left; width:25%; font-size:16px; box-sizing: border-box; padding:0 35px; border-left:1px solid #e5e5e5; transition:all 0.5s; }
.eArea01 .bd ul li .txt { line-height:1.1; color:#666; }
.eArea01 .bd ul li .txt .p2 { font-size:20px; font-weight:bold; color:#333; line-height:25px; height:25px; margin-top:15px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.eArea01 .bd ul li .txt .p3 { line-height:25px; min-height:50px; margin-top:40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.eArea01 .bd ul li .txt .p4 { margin-top:25px; }
.eArea01 .bd ul li .txt .p4 i { display:inline-block; padding-right:20px; background:url(e01.png) no-repeat center right; }
.eArea01 .bd ul li .pic { margin-top:60px; }

.eArea01 .bd ul li.of { width:23.9%; }
.eArea01 .bd ul li.on { width:28%; }

@media all and (max-width:1680px){
	.eArea { padding:60px 0 0; min-height:660px; }
	.eArea01 .bd ul li { font-size:14px; padding:0 20px; }
	.eArea01 .bd ul li .txt .p2 { font-size:18px; line-height:20px; height:20px; margin-top:15px; }
	.eArea01 .bd ul li .txt .p3 { line-height:25px; min-height:50px; margin-top:20px; }
	.eArea01 .bd ul li .txt .p4 { margin-top:20px; }
	.eArea01 .bd ul li .pic { margin-top:40px; }
}
@media all and (max-width:1200px){
	.eArea { padding:40px 0; min-height:10px; }
	.eArea01 { margin-top:30px; }
	.eArea01 .hd { position:relative; top:auto; right:auto; padding-right:0; background:none; text-align:center; width:100%; }
	.eArea01 .hd ul li { float:none;display:inline-block; margin:0 10px; font-size:16px; }
	.eArea01 .hd ul li:last-child { margin-right:10px; }
 
	.eArea01 .bd { margin-top:25px; }
	.eArea01 .bd ul { border:none; }
	.eArea01 .bd ul li { float:none; width:100%; font-size:14px; padding:0 4%; border:none; padding-bottom:20px; border-bottom: 1px solid #e5e5e5; }
	.eArea01 .bd ul li .txt { margin-top:20px; }
	.eArea01 .bd ul li .txt .p2 { font-size:16px; margin-top:10px; }
	.eArea01 .bd ul li .txt .p3 {  margin-top:10px; }
	.eArea01 .bd ul li .txt .p4 { margin-top:15px; }
	.eArea01 .bd ul li .pic { margin-top:20px; }

	.eArea01 .bd ul li.of { width:100%; }
	.eArea01 .bd ul li.on { width:100%; }
}

.gArea { padding:70px 0 90px; background:url(gArea.jpg) no-repeat center; background-size:cover; }
.gArea01 { margin-top:50px; }
.gArea01 .swiper-slide a { display:block; border-radius:8px; overflow:hidden; }

.swiper-pagination-g01 { margin-top:30px; text-align:center; font-size:0; }
.swiper-pagination-g01 .swiper-pagination-bullet { width:8px; height:8px; margin:0 5px; background:rgba(182,46,43,0.2); opacity:1; }
.swiper-pagination-g01 .swiper-pagination-bullet-active { background:#b62e2b; }

@media all and (max-width:1680px){
	.gArea { padding:70px 0; }
	.gArea01 { margin-top:40px; }
}
@media all and (max-width:1200px){
	.gArea { padding:40px 0; }
	.gArea01 { margin-top:30px; }
}



@media all and (max-width:1680px){
	
}
@media all and (max-width:1200px){
	
}



@media all and (max-width:1680px){
	
}
@media all and (max-width:1200px){
	
}